<html>
<head>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=320,maximum-scale=1.3,user-scalable=no"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>考勤历史记录列表</title>
    <link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="./css/style.css" rel="stylesheet" type="text/css"/>
    <link href="./css/reset.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
</head>
<body>
<div class="container-fluid">
    <div class="col-xs-12">
        <ul id="qr_list">
        </ul>
    </div>
</div>
</body>
</html>
<script>
    $(function () {
        var json = [{
            'title': '电子竞技与健康学',
            'time': '2018-9-20上午',
            'state': '1'
        }, {
            'title': '电子竞技与营养学',
            'time': '2018-9-20下午',
            'state': '0'

        }, {
            'title': '电子竞技基础理论',
            'time': '2018-9-21上午',
            'state': '0'
        }, {
            'title': '电子竞技与策略学',
            'time': '2018-9-21下午',
            'state': '1'

        }];
        var data = [1, 0];
        $.each(json, function (i, n) {


            $("#qr_list").append("<li class='item'><span class='col-xs-5'>" + n.title + "</span><div class='main col-xs-7'><div class='time'>" + n.time + "</div><div class='zt'><div class='pic1' >  <img src='./images/y.png'></div></div></div></li>");


        });
    });
    //})
</script>











